var path = $("#path").val();
var datas = [{
		"year": "2022",
		"month": {
			"07": [{
                "create_time": "07月25日 22:03",
                "content": "修复小问题，初步完成开发"
            },{
				"create_time": "07月25日 18:13",
				"content": "完成后台的资源管理功能开发以及博客中对资源的展示和下载"
			},{
                "create_time": "07月22日 00:30",
                "content": "首页布局关于我部分开发"
            },{
                "create_time": "07月21日 22:51",
                "content": "修改前端公共js，完成轮播图、导航栏等统一加载"
            },{
                "create_time": "07月21日 14:06",
                "content": "使用mongodb实现友情链接的增删改查"
            },{
                "create_time": "07月19日 23:01",
                "content": "使用拦截器进行观看数量的增加及验证"
            },{
                "create_time": "07月16日 11:57",
                "content": "完成了评论功能以及后台评论管理的开发"
            },{
                "create_time": "07月15日 17:34",
                "content": "添加了阿里云内容、图片审核工具类，用于过滤不好的评论"
            },{
                "create_time": "07月14日 17:55",
                "content": "添加用户登录页及登录注册功能开发和评论表的设计"
            },{
                "create_time": "07月13日 16:31",
                "content": "完成博客系统中有关文章、分类的开发"
            },{
                "create_time": "07月08日 23:42",
                "content": "使用FreeMarker进行文章静态化"
            }, {
				"create_time": "07月06日 23:17",
				"content": "完成了核心业务文章的后台管理"
			}],
			"06": [{
                "create_time": "06月29日 9:27",
                "content": "今天搭建了jenkins自动化部署，不用再为了部署项目更麻烦发愁了！！！"
            },{
                "create_time": "06月25日 9:27",
                "content": "完成后台权限管理的开发啦~~~"
            },{
                "create_time": "06月21日 9:27",
                "content": "使用Pear-Admin-Layui作为后台模板，完成菜单的开发"
            }, {
				"create_time": "06月20日 19:27",
				"content": "完成数据库基础表（人员、角色、权限）的设计及代码生成！！！"
			}, {
				"create_time": "06月19日 09:27",
				// "content": "<p><span>本站接入QQ登录，方便快捷~美滋滋<img src=\"http://www.long225.cn/static/fsLayui/plugins/layui/images/face/1.gif\" alt=\"[嘻嘻]\"></span></p>"
				"content": "<p><span>完成swagger文档和satoken的集成，并测试通过</span></p>"
			}, {
				"create_time": "06月18日 10:03",
				"content": "<p>多模块：</p><p>进行多模块设计，并且搭建基本工程</p>"
			},{
                "create_time": "06月16日 16:03",
                "content": "<p>开始：</p><p>开始搭建项目，构思架构</p>"
            }]
		}
	}];

$(function() {
	var _html = '';

    $.ajax({
        url:baseUrl + "/blog/article/getGitCommitHistory",
        data:{},
        type:"GET",
        async:true,
        success: function (res) {
            datas = res.data;
            initTimeLine(datas);
        },
        error: function () {
            initTimeLine(datas);
        }
    });

    function initTimeLine(datas){
        for(var i = 0; i < datas.length; i++) {
            _html += '<div class="timeline-year">';
            _html += '<h2><a class="yearToggle" href="javascript:;">' + datas[i].year + '年</a><i class="fa fa-caret-down fa-fw"></i></h2>';
            var monthDatas = datas[i].month;
            for(var _month in monthDatas) {
                var _data = monthDatas[_month];
                _html += '<div class="timeline-month">';
                _html += '<h3 class=" animated fadeInLeft"><a class="monthToggle" href="javascript:;">' + _month + '月</a><i class="fa fa-caret-down fa-fw"></i></h3>';
                _html += '<ul>';
                for(var j = 0; j < _data.length; j++) {
                    _html += '<li class=" ">';
                    _html += '<div class="h4  animated fadeInLeft">';
                    _html += '<p class="date">' + _data[j].create_time + '</p>';
                    _html += '</div>';
                    _html += '<p class="dot-circle animated "><i class="fa fa-dot-circle-o"></i></p>';
                    _html += '<div class="content animated fadeInRight">' + _data[j].content + '</div>';
                    _html += '<div class="clear"></div>';
                    _html += '</li>';
                }
                _html += '</ul>';
                _html += '</div>';
            }
            _html += '</div>';
        }
        $(".timeline-line").after(_html);
    }


	/*$('.monthToggle').click(function() {
		$(this).parent('h3').siblings('ul').slideToggle('slow');
		$(this).siblings('i').toggleClass('fa-caret-down fa-caret-right');
	});
	$('.yearToggle').click(function() {
		$(this).parent('h2').siblings('.timeline-month').slideToggle('slow');
		$(this).siblings('i').toggleClass('fa-caret-down fa-caret-right');
	});*/
    $("body").off('click','.monthToggle').on("click", ".monthToggle", function () {
        $(this).parent('h3').siblings('ul').slideToggle('slow');
        $(this).siblings('i').toggleClass('fa-caret-down fa-caret-right');
    });
    $("body").off('click','.yearToggle').on("click", ".yearToggle", function () {
        $(this).parent('h2').siblings('.timeline-month').slideToggle('slow');
        $(this).siblings('i').toggleClass('fa-caret-down fa-caret-right');
    });
});

$(document).ready(function() {
	$(".fa-hourglass-half").parent().parent().addClass("layui-this");
});